<template>
  <div class="box">
    <div class="top">
      <p>开启记录，让健康有迹可循</p>
      <button class="button">+新建档案</button>
    </div>
  </div>
</template>

<script setup lang="ts"></script>

<style scoped>
.box {
  width: 100%;
  height: 100%;
  background: #ddd;
}
.top {
  width: 100%;
  height: 100px;
  background: white;
}
.top p {
  font-size: 15px;
  color: #999;
  width: 100%;
  height: 20px;
  line-height: 30px;
  padding-left: 30px;
}
.button {
  width: 100%;
  height: 50px;
  border-top: #000 1px solid;
  border-bottom: #000 1px solid;
  border-left: none;
  border-right: none;
  text-align: center;
  line-height: 50px;
  font-size: 15px;
  color: rgb(12, 214, 12);
  margin-top: 10px;
}
</style>
